<template>
  <div class="home">
    <h1>Home</h1>
    <!-- webpack不会对网络图片进行处理 -->
    <img src="https://www.webpackjs.com/site-logo.1fcab817090e78435061.svg" alt="">
    <!-- webpack只会对本地资源图片进行处理; 需要配置对应的匹配规则, 否则报错 -->
    <img src="../assets/imgs/webpack.svg" alt="">
  </div>
</template>

<script>
export default {
  mounted(){
    console.log('HOME组件挂载完毕');
  }
}
</script>
<style>
.well{
    background: lightcyan;
    padding: 10px;
}
</style>
<style scoped>
.home{
    background: #EEE;
    padding: 10px;
}
</style>